<template>
      <div class="investor-news-area comm-tb-gap bg-write">
            <div class="constraint">
                  <ul class="grid investor-main-box item-column">
                        <li class="ns-item-li-box ber-liner">
                              <div class="flex jus-space-bet ali-center tit_bottom">
                                    <div class="tit">
                                          <h2>{{ propData.moduleTitle.split('及')[0] }}</h2>
                                    </div>
                                    <div class="look-all">
                                          <span>查看全部</span>
                                    </div>
                              </div>
                              <div class="c_performance-area">
                                    <div class="performance-tit">
                                          <h4>京咛公布二零二三年度第二季及中期业绩</h4>
                                    </div>
                                    <div class="c_performance-box">
                                          <ul class="flex flex-warp">
                                                <li class="flex ali-center _item-li" v-for="(item, index) in 5" :key="index">
                                                      <div class="per-icon b">
                                                            <img src="@/assets/logo.png" alt="">
                                                      </div>
                                                      <div class="per-text-box">
                                                            <span>业绩新闻{{ index }}</span>
                                                      </div>
                                                </li>
                                          </ul>
                                    </div>
                              </div>
                        </li>
                        <li class="ns-item-li-box">
                              <div class="flex jus-space-bet ali-center tit_bottom">
                                    <div class="tit">
                                          <h2>{{ propData.moduleTitle.split('及')[1] }}</h2>
                                    </div>
                                    <div class="look-all">
                                          <span>查看全部</span>
                                    </div>
                              </div>
                              <div class="investor-news-r-as">
                                    <ul>
                                          <li class="flex" v-for="(item, index) in 4" :key="index">
                                                <div class="serial-number flex ali-center jus-center">
                                                      <span>{{ index + 1 }}</span>
                                                </div>

                                                <div class="flex-1 main-ct">
                                                      <h4>以实物分派美团之B类普通股之方式宣派中期股息</h4>
                                                      <p>2023.8.7</p>
                                                </div>

                                                <div class="download flex ali-center jus-center flex-column">
                                                      <svg t="1699513583375" class="icon" viewBox="0 0 1024 1024" version="1.1"
                                                      xmlns="http://www.w3.org/2000/svg" p-id="73850" width="16"
                                                      height="16">
                                                      <path d="M550.4 682.816L778.688 448l53.312 54.848L512 832 192 502.848 245.312 448 473.6 682.816V64h76.8v618.816zM192 883.2h640V960H192v-76.8z"
                                                            fill="#000000" p-id="73851"></path>
                                                      </svg>
                                                      <p class="doc-text">PDF</p>
                                                </div>
                                          </li>
                                    </ul>
                              </div>
                        </li>
                  </ul>
            </div>
      </div>
</template>

<script setup lang="ts">
let propData = defineProps({ moduleTitle: { default: '' } })
</script>